<template>


    <div class="common-layout">
        <el-container>
            <el-aside width="200px" style="height: 1000px; background-color: #545c64;">
                <Aside style="border-right: 1px;"></Aside>
            </el-aside>
            <el-container>
                <el-header style="height: 100px;  padding: 0;">
                    <Header />
                </el-header>
                <el-main>

                    <RouterView />

                </el-main>
                <el-footer>

                    <Footer />

                </el-footer>
            </el-container>
        </el-container>
    </div>

</template>

<script setup lang="ts">
// @/compnents 路径
import Aside from '@/components/AsideComponent.vue'
import Footer from '@/components/FooterComponent.vue'
import Header from '@/components/HeaderComponent.vue'

</script>

<style scoped></style>